<html>
<head>
    <meta  charset="utf-8">
    <title><%=title%></title>
</head>

<%include easyui.ejs %>

<body class="easyui-layout">

<%include north.ejs %>

<div data-options="region:'west',split:true,title:'导航'" style="width:200px;padding:10px;">
    <%include menu.ejs%>
</div>

<div data-options="region:'center',title:'IP管理系统'">
    <h2>生成IP地址池</h2>
    <form name="form" method="post" action="/great_ip">
        <label></label>
        <p></p>
        <label>请输入IP前三位
            <input name="ip1" type="text" size="3" maxlength="3">
            .
            <input name="ip2" type="text" size="3" maxlength="3">
            .
            <input name="ip3" type="text" size="3" maxlength="3">

            <input type="submit" name="Submit2" value="生成IP地址池" >
            <br>
            <br>
            <%=msg%>
        </label>

        <table  class="easyui-datagrid" data-options="
              rownumbers:true,
				singleSelect:true,
				autoRowHeight:false" >
            <thead>
            <tr>
                <th data-options="field:'id',width:140">ID</th>
                <th data-options="field:'ip_name',width:140">状态</th>
                <th data-options="field:'dep',width:140">IP</th>
                <th data-options="field:'mac',width:140">MAC地址</th>
            </tr>
            </thead>
            <tbody>
            <% var content %>
            <% if(content) { %>
            <% content.forEach(function(contents, index) { %>
            <tr >
                <td><%= contents.id %></td>
                <td><%= contents.states %></td>
                <td><%= contents.ip_name %></td>
                <td><%= contents.mac %></td>
            </tr>
            <% }) %>
            <% } %>
            </tbody>
        </table>
    </form>
</div>


</body>
</html>